<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>请假信息管理系统 -- 申请详细</title>
    <script src="../../../js/jquery.min.js"></script>
    <link href="../../../css/leaveApplyManage/checkLeaveInfo.css" rel="stylesheet">
    <link href="../../../css/common/common.css" rel="stylesheet">
</head>
<body>
<!-- 顶部弹出提示信息容器 -->
<div id="notification" class="notification">
    <span id="message"></span>
</div>
<!-- 头部 -->
<header th:insert="~{common/common::header}">
</header>
<!-- 左边 -->
<aside th:insert="~{common/common::aside}">
</aside>
<!-- 中间 -->
<main class="main">
    <form id="courseFrom">
        <h2 style="margin: 20px 30%;">申请详细</h2>
        <div class="form-group">
            <label>申请编号</label>
            <input type="text" disabled="disabled" required th:value="${leaveVo.leaveID}">
        </div>
        <div class="form-group">
            <label>课程名称</label>
            <input type="text" disabled="disabled" required th:value="${leaveVo.courseName}">
        </div>
        <div class="form-group">
            <label>申请原因</label>
            <input type="text" disabled="disabled" required th:value="${leaveVo.reason}">
        </div>
        <div class="form-group">
            <label>请假时间(天)</label>
            <input type="text" disabled="disabled" required th:value="${leaveVo.dayNum}">
        </div>
        <div class="form-group">
            <label>审核意见</label>
            <input type="text" disabled="disabled" th:value="${leaveVo.opinion}">
        </div>
        <input type="button" value="确认" onclick="checkInfo()">
    </form>

</main>
</body>

<script th:inline="javascript" type="text/javascript">
    function checkInfo(){
        window.location.href="/leaveApply/list?pageSize=7&pageNum=1"
    }

    function showNotification() {
        const notification = document.getElementById("notification");
        notification.classList.add("show");

        setTimeout(function() {
            notification.classList.remove("show");
        }, 1000); // 3秒后自动消失
    }

    function outLogin(){
        location.href = '/outLogin'
    }
</script>

</html>